// 媒体查询
// @media screen and (min-width:768px){
//     html{
//         font-size: 120px;
            
//     }
// }
// @media screen and (min-width:992px){
//     html{
//         font-size: 155px;
//     }
// }
// @media screen and (min-width:1200px){
//     html{
//         font-size: 187.5px;
//     }
// }

.layout{
    header{
        height: 46px;
        width: 100%;
        padding: 0.1rem;
        display: flex;
        justify-content: space-between;
        background-color: #f7f7f7;
        .address{
            font-size: 0.14rem;
            color: #D1059A;
            >i{
                font-size: 0.12rem;
            }
        }
        >h3{
            font-size: 0.18rem;
            color: #000;
            font-weight: 500;
        }
        .userImg{
            width: 0.24rem;
            height: 0.24rem;
            margin-right:0.1rem;
            >img{
                width: 100%;
                height: 100%;
                display: block;
            }
        }
    }
    .banner{
        >img{
            height: 195px;
        }
    }
    .nav{
        background-color: #f7f7f7;
        >ul{
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            margin: 0.1rem 0rem;
            >li{
                width: 33.33%;
                height: 1.1rem;
                padding:0.05rem;
                margin-bottom: 0.1rem;
                >a{
                    display: block;
                    >img{
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                }
            }
            >li:nth-of-type(3n){
                padding-right: 0.05rem;
            }
        }
    }

    .info{
        background-color: #f7f7f7;
        >ul{
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
            border-top: 1px solid #ccc;
            >li{
                width: 25%;
                height: 1.12rem;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
               >a{
                >img{
                    width: 100%;
                    display: block;
                }
               }
            }
            >li:nth-of-type(4n){
                border-right:none;
            }
        }
    }
    // 驴悦亲子
    .buy{
        width: 100%;
        display: flex;       
        margin-top: 0.15rem;
        background-color: #f7f7f7;
        margin-bottom: 0.15rem;
        .left{
            width: 50%;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            >a{
                >img{
                    width: 100%;
                    height: 100%;
                    display: block;
                }
            }
        }
        .right{
            width: 50%;
            border-bottom: 1px solid #ccc;
            .top{
                width: 100%;
                border-bottom: 1px solid #ccc;
                >a{
                    >img{
                        display: block;
                        width: 100%;
                        height:100%;
                    }
                }
            }
            .bottom{
                width: 100%;
                >a{
                    >img{
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                }
            }
        }
    }

    // 热门活动
    .active{
        width: 100%;
        margin-bottom: 0.15rem;
        .top{
         font-size: 0.16rem;
         line-height: 0.26rem;
         margin-left: 0.16rem;
        }
        >ul{
            list-style: none;
            padding: 0;
            margin: 0;
            >li{
                border-top: 1px solid #ccc;
                >a{
                    >img{
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            >li:last-child{
                border-bottom: 1px solid #ccc;
            }
        }
    }

    // 度周末
    .week{
        width: 100%;
        background-color: #fff;
        .top{
            height: 0.44rem;
            border-top: 1px solid #ccc;
            line-height: 0.44rem;
            box-sizing: border-box;
            >ul{
                list-style: none;
                padding: 0;
                margin: 0;
                display: flex;
                justify-content: space-around;
                height: 100%;
                >li{
                    font-size: 0.14rem;
                    height: 100%;
                    width: 0.6rem;
                    text-align: center;
                }
            }
            .active{
                color: #d3079e;
                border-bottom: 3px solid #d3079e;
            }
        }
        >ul{
            list-style: none;
            padding: 0;
            margin: 0;
            width: 100%;
            >li{
                border-bottom: 1px solid #ccc;
                margin-bottom: 0.15rem;
                >a{
                    >img{
                        width: 100%;
                        height: 90%;
                    }
                    .text{
                        padding-left: 0.05rem;
                        >h3{
                            font-size: 0.12rem;
                            color: #000;
                        }
                        >h5{
                            color: #333;
                            font-size: 0.16rem;
                        }
                    }
                }
            }
        }
    }

    // 查看更多
    .more{
        font-size: 0.14rem;
        text-align: center;
        border-bottom: 1px solid #ccc;
        height: 0.4rem;
        color: #333;
        >i{
            font-size: 0.12rem;
        }
    }

    // 页脚
    .footer{
        height: 0.32rem;
        width: 100%;
        margin-top: 0.15rem;
        background-color: #d3079e;
        color: #fff;
        display: flex;
        justify-content: space-between;
        font-size: 0.14rem;
        line-height: 0.32rem;
        padding: 0 0.05rem;
        .left{
            >span:nth-of-type(2){
                margin-left: 0.15rem;
            }
        }
        .right{
            font-weight: 800;
        }
    }
}